<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>循环</title>
</head>
<body>
<div id="app">
    <ul>
        <!--element,index  element表示当前数组正被迭代元素,
        index 表示当前元素对应的下标，一定要有至少一个元素，第二个元素可选
        和元素名称无关，和位置有关

        :key中的值一定不能重复

        有可能，能使得也页面渲染变得简单，或加速页面内容的渲染
        -->
        <li v-for="(element,index) in arr" :key="index">
           {{index+1}}--- {{element}}
        </li>
    </ul>
</div>

<script src="../node_modules/vue/dist/vue.js"></script>
<script>
    let app = new Vue({
        el: "#app",
        data:{
            arr:[55,33,27,60,19]
        }

    });
</script>

</body>
</html>